home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 14642 / 14642.xpi / chrome / content / history.xul < prev    next >
Encoding:
Extensible Markup Language  |  2009-10-14  |  16.3 KB  |  338 lines
  1. <?xml version="1.0"?>
  2. <!-- Copyright 2009, Boomtango.com, All Rights Reserved -->
  3. <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
  4. <?xml-stylesheet href="chrome://browser/skin/browser.css" type="text/css" ?>
  5. <?xml-stylesheet href="chrome://boomtango/skin/bt.css" type="text/css" ?> 
  6. <!DOCTYPE page SYSTEM "chrome://boomtango/locale/bt.dtd">
  7. <window id="boomtangoHistory" 
  8.     title="&boomtango.title;"
  9.     onload="bthistory.onLoad();"
  10.     onunload="bthistory.onUnload();"
  11.     style="background-color: white !important;"
  12.     xmlns:html="http://www.w3.org/1999/xhtml"
  13.             xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  14.     <vbox id="container">
  15.         <hbox id="header_container" >
  16.             <vbox>
  17.                 <image id="logo" src="chrome://boomtango/skin/boomtangoandicon2.png" flex="0" 
  18.                     onclick="bthistory.goHome();"/>
  19.                 <spacer />
  20.             </vbox>
  21.             <spacer flex="3" />
  22.             <vbox>
  23.                 <hbox>
  24.                     <vbox id="querycontainer">
  25.                         <html:input type="text"  id="query" value="" tabindex="1"/>
  26.                     </vbox>
  27.                     <label id="search" value="&history.search;" onclick="bthistory.doSearch();"/>
  28.                 </hbox>
  29.                 <hbox>
  30.                     <label value="&history.searchexamples;" id="searchexamples"/>
  31.                 </hbox>
  32.             </vbox>
  33.             <spacer flex="7" />
  34.             <vbox>
  35.                 <hbox>
  36.                     <label value="&view.settings;"
  37.                         class="text-link toplink"
  38.                         onclick="bthistory.doSettings();"/>
  39.                     <label value="-" class="toplink"/>
  40.                     <label value="&view.hotkeys;"
  41.                         class="text-link toplink"
  42.                         onclick="bthistory.doHotkeys();"/>
  43.                     <label value="-" class="toplink"/>
  44.                     <label value="&view.help;"
  45.                         class="text-link toplink"
  46.                         href="http://www.boomtango.com/help.shtml"
  47.                         />
  48.                     <label value="-" class="toplink"/>
  49.                     <label value="&view.about;"
  50.                         class="text-link toplink"
  51.                         style="padding-right: 16px;"
  52.                         href="http://www.boomtango.com/about.shtml"
  53.                         />
  54.                 </hbox>
  55.                 <spacer flex="10" />
  56.             </vbox>
  57.         </hbox>
  58.         <hbox id="nav_header">
  59.             <vbox>
  60.                 <hbox id="view_control">
  61.                     <spacer class="nav_spacer" />
  62.                     <box id="category" class="colorbutton"
  63.                         onclick="bthistory.loadView('category', bthistory.currDur);">
  64.                         <vbox> <image src="chrome://boomtango/skin/category.png" />
  65.                             <spacer flex="1"/>
  66.                         </vbox>
  67.                         <label value="&view.category;" />
  68.                     </box>
  69.                     <spacer class="nav_spacer" />
  70.                     <box id="calendar" class="colorbutton"
  71.                         onclick="bthistory.loadView('calendar', bthistory.currDur);">
  72.                         <vbox>
  73.                             <image src="chrome://boomtango/skin/calendar.png" />
  74.                             <spacer flex="1"/>
  75.                         </vbox>
  76.                         <label value="&view.calendar;" />
  77.                     </box>
  78.                     <spacer class="nav_spacer" />
  79.                     <box id="thumbnail" class="colorbutton"
  80.                         onclick="bthistory.doThumbnail();">
  81.                         <vbox>
  82.                             <image src="chrome://boomtango/skin/thumb.png" />
  83.                             <spacer flex="1"/>
  84.                         </vbox>
  85.                         <label value="&view.thumbnail;" />
  86.                     </box>
  87.                     <spacer class="nav_spacer" />
  88.                     <box id="piechart" class="colorbutton"
  89.                         onclick="bthistory.loadView('piechart', bthistory.currDur);">
  90.                         <vbox>
  91.                             <image src="chrome://boomtango/skin/chart_pie.png" />
  92.                             <spacer flex="1"/>
  93.                         </vbox>
  94.                         <label value="&view.piechart;" />
  95.                     </box>
  96.                     <spacer class="nav_spacer" />
  97.                     <box id="results" class="colorbutton"
  98.                         onclick="bthistory.doSearch();">
  99.                         <vbox>
  100.                             <image src="chrome://boomtango/skin/results.png" />
  101.                             <spacer flex="1"/>
  102.                         </vbox>
  103.                         <label value="&view.results;" />
  104.                     </box>
  105.                 </hbox>
  106.             </vbox>
  107.             <spacer flex="1"/>
  108.             <vbox>
  109.                 <hbox id="duration_control" flex="0">
  110.                     <vbox id="prev"
  111.                             onclick="bthistory.goPrevious();">
  112.                         <spacer flex="1"/>
  113.                         <image flex="0" 
  114.                             src="chrome://boomtango/skin/arrow_left.png"/>
  115.                         <spacer flex="1"/>
  116.                     </vbox>
  117.                     <label value="&date.hour;" id="hour" 
  118.                         onclick="bthistory.changeRange('hour');"/>
  119.                     <vbox class="durcheck" id="hour.check">
  120.                         <spacer flex="1"/>
  121.                         <image src="chrome://boomtango/skin/accept.png" />
  122.                         <spacer flex="1"/>
  123.                     </vbox>
  124.                     <label value="&date.day;"  id="day" 
  125.                         onclick="bthistory.changeRange('day');"/>
  126.                     <vbox class="durcheck" id="day.check">
  127.                         <spacer flex="1"/>
  128.                         <image src="chrome://boomtango/skin/accept.png"/>
  129.                         <spacer flex="1"/>
  130.                     </vbox>
  131.                     <label value="&date.week;" id="week" 
  132.                         onclick="bthistory.changeRange('week');"/>
  133.                     <vbox class="durcheck" id="week.check">
  134.                         <spacer flex="1"/>
  135.                         <image src="chrome://boomtango/skin/accept.png"/>
  136.                         <spacer flex="1"/>
  137.                     </vbox>
  138.                     <label value="&date.month;" id="month"
  139.                         onclick="bthistory.changeRange('month');"/>
  140.                     <vbox class="durcheck" id="month.check">
  141.                         <spacer flex="1"/>
  142.                         <image src="chrome://boomtango/skin/accept.png"/>
  143.                         <spacer flex="1"/>
  144.                     </vbox>
  145.                     <vbox>
  146.                         <spacer flex="1"/>
  147.                         <image src="chrome://boomtango/skin/arrow_right.png"
  148.                             id="next" 
  149.                             onclick="bthistory.goNext();"/>
  150.                         <spacer flex="1"/>
  151.                     </vbox>
  152.                 </hbox>
  153.             </vbox>
  154.             <vbox>
  155.                 <hbox id="godate_control">
  156.                     <box id="gotoday" class="colorbuttonround"
  157.                         onclick="bthistory.goToday();" >
  158.                         <vbox>
  159.                             <image src="chrome://boomtango/skin/timeline.png" />
  160.                             <spacer flex="1"/>
  161.                         </vbox>
  162.                         <label value="&date.gotoday;" />
  163.                     </box>
  164.                     <panel id="calpanel">
  165.                         <datepicker type="grid" id="calnav" onchange="bthistory.onNavChanged();"/>
  166.                     </panel>
  167.                     <box id="gotodate" class="colorbuttonround" popup="calpanel">
  168.                         <vbox>
  169.                             <image src="chrome://boomtango/skin/timeline.png" />
  170.                             <spacer flex="1"/>
  171.                         </vbox>
  172.                         <label value="&date.gotodate;" />
  173.                     </box>
  174.                 </hbox>
  175.             </vbox>
  176.         </hbox>
  177.         <hbox>
  178.             <spacer flex="1"/>
  179.             <vbox>
  180.                 <label id="datetimetitle" value="&date.today;" />
  181.             </vbox>
  182.             <spacer flex="1"/>
  183.         </hbox>
  184.         <hbox id="body_container">
  185.             <vbox flex="1">
  186.                 <hbox flex="1" id="body_header" hidden="true" />
  187.                 <scrollbox id="body" flex="1">
  188.                 </scrollbox>
  189.                 <spacer flex="1000" />
  190.             </vbox>
  191.             
  192.             <vbox id="rightpanel">
  193.                 <vbox id="donate">
  194.                     <label value="&history.latestnews;" />
  195.                     <vbox>
  196.                         <html:iframe src="http://ext.boomtango.com/news.shtml" style="border: none;"/>
  197.                     </vbox>
  198.                     <hbox>
  199.                         <spacer flex="1" />
  200.                         <html:form action="https://www.paypal.com/cgi-bin/webscr" method="post">
  201.                             <html:input type="hidden" name="cmd" value="_s-xclick" />
  202.                             <html:input type="hidden" name="hosted_button_id" value="8172877" />
  203.                             <html:input type="image" src="chrome://boomtango/skin/donate.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
  204.                         </html:form>
  205.                         <spacer flex="1" />
  206.                     </hbox>
  207.                 </vbox>
  208.                 <deck id="btfilter_deck" selectedIndex="0">
  209.                     <vbox id="btfilter">
  210.                         <label id="btfilter_title" value="&filter.title;" />
  211.                         <vbox id="filter_box">
  212.                             <label value="&search.filter;" />
  213.                             <html:input type="text"  id="filter_text" value=""/>
  214.                         </vbox>
  215.                         <vbox id="searchdate_box">
  216.                             <label value="&search.datefilter;" />
  217.                             <grid>
  218.                                 <columns>
  219.                                     <column />
  220.                                     <column />
  221.                                 </columns>
  222.                                 <rows>
  223.                                     <row>
  224.                                         <checkbox id="searchfromcb" label="&search.datestart;"/>
  225.                                         <datepicker type="popup" id="searchfrom" onchange="document.getElementById('searchfromcb').checked = true;"/>
  226.                                     </row>
  227.                                     <row>
  228.                                         <checkbox id="searchtocb" label="&search.dateend;"/>
  229.                                         <datepicker type="popup" id="searchto" onchange="document.getElementById('searchtocb').checked = true;"/>
  230.                                     </row>
  231.                                 </rows>
  232.                             </grid>
  233.                         </vbox>
  234.                         <separator class="groove-thin"/>
  235.                         <radiogroup id="filtertype">
  236.  
  237.                             <radio id="filter_none" label="&filter.none;" selected="true" />
  238.                             <label id="filter_sep" value="&filter.sep;" />
  239.                             <radio id="filter_some" label="&filter.some;" />
  240.                             <vbox id="typebox">
  241.                             </vbox>
  242.                         </radiogroup>
  243.                         <button label="&search.update;" onclick="bthistory.updateFromFilter();" />
  244.                     </vbox>
  245.                     <vbox id="bubble">
  246.                         <label id="bubble_boxtitle" value="&bubble.title;" />
  247.                         <hbox id="bubble_title">
  248.                             <label id="bubble_title_label" flex="1" crop="end"/>
  249.                         </hbox>
  250.                         <hbox>
  251.                             <spacer flex="1" />
  252.                             <vbox id="bubble_preview" />
  253.                             <spacer flex="1" />
  254.                         </hbox>
  255.                         <hbox>
  256.                             <spacer flex="1" />
  257.                             <radiogroup id="bubble_previewcontrols" 
  258.                                 oncommand="bthistory.changePreview();"/>
  259.                             <spacer flex="1" />
  260.                         </hbox>
  261.                         <hbox flex="1">
  262.                             <grid flex="1">
  263.                                 <columns>
  264.                                     <column />
  265.                                     <column flex="1" />
  266.                                 </columns>
  267.                                 <rows>
  268.                                     <row>
  269.                                         <label class="bubble_label" value="&bubble.url;"/>
  270.                                         <label class="text-link" id="bubble_url" flex="1" crop="end"/>
  271.                                     </row>
  272.                                     <row>
  273.                                         <label  class="bubble_label" value="&bubble.visited;"/>
  274.                                         <label class="text-link" id="bubble_start" flex="1" crop="end"
  275.                                             onclick="bthistory.doBubbleStart();"
  276.                                             />
  277.                                     </row>
  278.                                     <row>
  279.                                         <label  class="bubble_label" value="&bubble.timespent;"/>
  280.                                         <label class="bubble_data" id="bubble_spent" flex="1" crop="end"/>
  281.                                     </row>
  282.                                     <row>
  283.                                         <spacer />
  284.                                         <hbox>
  285.                                             <label class="text-link" 
  286.                                                 value="&bubble.previous;"
  287.                                                 onclick="bthistory.doVisits('bubble_previous');"
  288.                                                 id="bubble_previous" flex="1" crop="end"/>
  289.                                         </hbox>
  290.                                     </row>
  291.                                     <row>
  292.                                         <spacer />
  293.                                         <hbox>
  294.                                             <label class="text-link"
  295.                                                 value="&bubble.remove;"
  296.                                                 onclick="bthistory.doRemove('bubble_remove');"
  297.                                                 id="bubble_remove" />
  298.                                         </hbox>
  299.                                     </row>
  300.                                 </rows>
  301.                             </grid>
  302.                         </hbox>
  303.                         <hbox>
  304.                             <spacer flex="1" />
  305.                             <label id="bubble_back" value="&bubble.back;" 
  306.                                 onclick="bthistory.hideBubblePreview();" />
  307.                             <spacer flex="1" />
  308.                         </hbox>
  309.                     </vbox>
  310.                     <vbox id="messagebox">
  311.                         <label id="messagebox_boxtitle" value="&messagebox.title;" />
  312.                         <hbox id="messagebox_title">
  313.                             <label id="messagebox.title" flex="1" crop="end"/>
  314.                         </hbox>
  315.                         <spacer flex="1" />
  316.                         <label id="messagebox_message"/>
  317.                         <spacer flex="1" />
  318.                         <hbox>
  319.                             <spacer flex="1" />
  320.                             <label id="messagebox_back" value="&bubble.back;" class="text-link"
  321.                                 onclick="document.getElementById('btfilter_deck').selectedIndex = 0;" />
  322.                             <spacer flex="1" />
  323.                         </hbox>
  324.                     </vbox>
  325.                 </deck>
  326.                 <spacer flex="1" />
  327.             </vbox>
  328.         </hbox>
  329.     </vbox>
  330.     <script src="history.js" />
  331.     <script src="historyCategory.js" />
  332.     <script src="historyTimeline.js" />
  333.     <script src="historyCalendar.js" />
  334.     <script src="historyPiechart.js" />
  335.     <script src="historyResults.js" />
  336.     <script src="historyThumbnail.js" />
  337. </window>
  338.